<!-- 功能模块详情 -->
<template>
	<BaseCard>
		123123
		<!-- <div>
			<BaseForm :formConfig="formConfig"></BaseForm>
		</div> -->
	</BaseCard>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
console.log(route, "route");

const formConfig = ref([
	{
		prop: "menuName",
		label: "菜单名称"
	},
	{
		prop: "ShortName",
		label: "名称简称",
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},
	{
		prop: "menuUrl",
		label: "菜单地址",
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},

	{
		prop: "order",
		label: "排序",
		type: "Number",
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},
	{
		prop: "menuType",
		label: "菜单类型",
		type: "Select",
		dict: [
			{ value: "1", label: "菜单模块" },
			{ value: "2", label: "功能页面" }
		],
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},
	{
		prop: "menuIcon",
		label: "菜单图标",
		type: "Icon",
		default: "#icon-a-chartanalysisstatisticsreport",
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},
	{
		prop: "menuStatus",
		label: "菜单状态",
		type: "Select",
		dict: [
			{ value: "1", label: "生效" },
			{ value: "2", label: "失效" }
		],
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	},
	{
		prop: "remark",
		label: "备注",
		type: "Textarea",
		inputSpan: 12,
		rules: [
			{
				required: true,
				message: "Please"
			}
		]
	}
]);
</script>

<style lang="less" scoped></style>
